<template>
	<view class="cc_item1" @click="showDetail">
		<image :src="baseUrl+cItem.logo" class="sc_img"></image>
		<view class="sc_info">
			<view class="s_tit">
				{{cItem.name}}
			</view>
			<view class="s_cas">
				<span  class="c_span">{{cItem.nature_text}}</span>
				<span  class="c_span">{{cItem.area_text}}</span>
				<span  class="c_span">{{cItem.type_text}}</span>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		computed:{
			baseUrl(){
				return this.$store.state.baseUrl
			}
		},
		props:{
			cItem:{
					
			},
		},

		methods: {
			showDetail(){
				this.$emit("showDetail",this.cItem)
			}
		}
	}
</script>

<style lang="scss">
	.cc_item1{
			padding: 30rpx 0;
			background: #FFFFFF;
			
			border-radius: 10rpx;
			display: flex;
			border-bottom: 1rpx solid #F6F6F6;
			align-items: center;
			.sc_img{
				width: 100rpx;
				height: 100rpx;
				margin-right: 20rpx;
			}
			.sc_info{
				padding: 6rpx 0;
				.s_tit{
					font-size: 32rpx;
					color: #3D3D3D;
				}
				.s_cas{
					.c_span{
						font-size: 24rpx;
						color: #999999;
						&+.c_span::before{
							content: "";
							display: inline-block;
							width: 1rpx;
							height: 18rpx;
							background-color: #999999;
							margin-right: 8rpx;
							margin-left: 8rpx;
							position: relative;
							top: 1rpx;
						}
					}
				}
			}
		}
	
</style>
